<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <meta name="author" content="JZH">
    <title></title>
</head>
<body>
        
</body>
<html>
<script>
    var width = 100;
	var height = 100;
	
	// 每个div间隔的度数，相当于60度
	var angle = Math.PI/3;
	// 圆周半径
	var R = 150;
	
	// 元素距离body左边和顶部的距离
	var offsetX = 300;
	var offsetY = 200;
	
	for (var i = 0; i < 6; i ++) {
		
		var div = document.createElement('div');
		document.body.appendChild(div);
		div.style.width = width + 'px';
		div.style.height = height + 'px';
		// h:hue 色调。取值0-360，0(或360)表示红色，120表示绿色，240表示蓝色
		// S：Saturation(饱和度)。取值为：0.0% - 100.0%
		// L：Lightness(亮度)。取值为：0.0% - 100.0%
		div.style.backgroundColor = 'hsl(' + 60 * i+',100%,50%)';
		div.style.borderRadius = '30%';
		div.style.position = 'absolute';
		
		// 根据正选余弦计算每一个div的坐标
		div.style.top = offsetY + R * Math.sin(angle * i) + 'px';
		div.style.left = offsetX + R * Math.cos(angle * i) + 'px';
	}        
</script>